<template>
    <section class="searchAdd">
    
        <div class="searchAdd-search">
    
            <el-input class="searchInput" placeholder="请输入内容" icon="search" v-model="searchValue" :on-icon-click="handleIconClick" :submit="handleIconClick">
    
            </el-input>
    
        </div>
    
        <div class="searchAdd-add">
    
            <el-button icon="edit">新增</el-button>
    
        </div>
    </section>
</template>

<script>
import Vue from 'vue'
import { Input, Button } from 'element-ui'
Vue.use(Input)
Vue.use(Button)
export default {
  data () {
    return {
      searchValue: ''

    }
  },
  methods: {
    handleIconClick () {
      alert("搜索功能")
    }
  }

}
</script>

<style scoped lang='less'>
/*  搜索和增加区域 */

.searchAdd {
  padding: 15px 20px;

  .searchAdd-search {
    margin-bottom: 14px;

    .searchInput {
      width: 200px;
    }

    .searchButton {
      position: relative;

      top: 1px;
    }
  }
}
</style>